@charset "utf-8";


.indexfooter section{ width:1520px;}
.indexfooter2 section{ width:1200px;}
section { display: block; width:1520px; margin: auto;position: relative;}
.more{width: 113px;height: 35px;line-height: 37px;border: solid 1px rgba(0,0,0,0.5);text-align: center;color: #000;font-size: 12px;opacity: 0.3;margin-top: 20px;
background: url("../images/right2.svg") 90% center no-repeat;background-size:20%;text-indent: -20px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.more:hover {background: url("../images/right1.svg") 90% center no-repeat #000;background-size:20%;color:#fff;opacity: 1.0;}

.indextop .wrap3 {max-width:1450px;margin:0 auto}
.wrap3 {max-width:1200px;margin:0 auto}
.toper,.toperh.active { background:#fff; height:90px; position:fixed; z-index:9999;left:0;top:0;width:100%;-moz-box-shadow:0px 1px 4px #969696; -webkit-box-shadow:0px 1px 4px #969696; box-shadow:0px 1px 4px #969696;}
.toper .logo,.toperh.active .logo {margin:15px 0 0 0; display:block;float:left; background:url(../images/logo.png) no-repeat left;  width:427px; height:60px;}
.toper ul { float:right;}
.toper ul li { display:inline-block;text-align:center; position:relative;margin-left:30px;}
.toper ul li i,.toperh.active ul li i {background:url(../images/1.png);width:11px; height:7px;vertical-align:top;margin:30px 0 0 5px;display:inline-block}
.toper ul li:hover i,.toper ul li.check i,.toperh.active ul li:Hover i { background:url(../images/5.png);}
.toper li a {font-size:14px; display:block; display:block; padding-top:15px; line-height:65px;border-top:3px solid transparent;color:#333;}
.toper li a:hover,.toper li:hover>a,.toper ul li.check a,.toperh.active li a:hover,.toperh.active li:hover>a,.toperh.active ul li.check a {color:#f08200;border-color:#f08200;}
.toper li dl { position:absolute; z-index:1;top:90px;left:-20px;width:150px;display:none; text-align:left; background:#454141;padding:10px 0}
.toper li:hover>dl { display:block}
.toper li dl dd a,.toper li dl dd a:hover,.toper li.check dl dd a,.toperh.active li dl dd a,.toperh.active li dl dd a:hover,.toperh.active li.check dl dd a {font-size:14px; height:35px;line-height:35px;border-top:0;color:#fff; overflow:hidden;padding:0 20px}
.toper li dl dd a:hover { background:#231b00}
.topblank { height:110px;}

.toper li .subnav{position:absolute;background:#fff;border:1px solid #f3f3f3;border-top:2px solid #0f709c;border-bottom:0;/*border-radius:10px 10px 0 0;*/left:-20px;z-index:9999;opacity:0; margin-top:-10px;transition: all .3s ease 0s; visibility: hidden;  transform: translate3d(0,10px,0); padding:10px 2px;}
.toper li .subnav:after{content:'';display:block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #0f709c;position:absolute;top:-12px;right:40%;}
.toper li .subnav li{position: relative;display:block;text-align:center;margin:0;width:100px; height:40px;}
.toper li .subnav li a{ height:40px; line-height:40px;padding-top:0; font-size:14px;}
.toper li .subnav li a:hover{color:#fff;}
.toper li:hover a{}
.toper li:hover .subnav{opacity:1;transform:translate3d(0,0,0);visibility:visible;margin-top: 7px;}
.toper li:hover .subnav a{ height:40px; line-height:40px;padding-top:0;border-top:0;}
.toper li:hover .subnav a:hover{ background:#0f709c;}

.toper li .subnav li .subnav2{position:absolute;background:#fff;border:1px solid #f3f3f3;border-bottom:0;right:-100px;top:0px;z-index:9999;opacity:0;transition:all .3s ease 0s;visibility:hidden;}
.toper li .subnav li:hover .subnav2{opacity:1;visibility:visible;}


.toperh .logo { background:url(../images/logo.png) no-repeat left;background-size:80%;}
.toperh ul li i,.toperh ul li:hover i { background:url(../images/2.png)}
.toperh.active li a,.toperh.active li.check a {color:#333;}
.toperh li a:hover,.toperh li:hover>a,.toperh ul li.check a,.toperh ul li.check a:hover {color:#0f709c;border-color:#0f709c;}
.toperh ul li.check a {border-top:3px solid transparent;color:#0f709c;}

.toper.active2 { height:70px;}
.toper.active2 .logo {margin-top:14px;}
.toper.active2 ul {margin:0;}
.toper.active2 .tel{margin-top:20px}
.toper.active2 li dl {top:70px}

.phonemenu{ display:none;}

/* banner */
.gh-banner {overflow: hidden;position: relative; width:100%; background: #000;}

.gh-banner-pic div a { position:relative; display:block;}
.gh-banner-pic div li * {color: #fff;overflow:hidden;display: block;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;}
.gh-banner-pic div li { position: relative;}
.gh-banner-pic div li .title { width: 800px;position: absolute;left:12%;top:30%;  z-index: 1;}
.gh-banner-pic div li .title * {filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0; }
.gh-banner-pic div li .title h2{ font-size:60px;line-height:60px; color: #000;font-weight:bold;margin-top:10%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-family:'Montserrat-Bold',Arial;}
.gh-banner-pic div li .title h3{ font-size:48px;color: #000;}
.gh-banner-pic div li .title line { height: 2px;width:80px;background: #888;margin:2% 0;}
.gh-banner-pic div li .title h4{ font-size:24px;color: #888;}
.gh-banner-pic div li .title h6 {width: 113px;height: 38px;line-height: 38px;border: solid 1px #fff;text-align: center;color: #888;font-size: 14px;margin-top: 50px;background: url("../images/right3.svg") 90% center no-repeat;background-size:20%;text-indent: -20px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.gh-banner-pic div li .title h6:hover {background: url("../images/right1.svg") 90% center no-repeat #000;background-size:20%;color:#fff;border: solid 1px #888;}
.gh-banner-pic div li .pic {width: 100%; height: auto;}
.gh-banner-pic div li .pic img {width: 100%; height: auto;}

.gh-banner-pic div li .center {text-align: center; left: 50%;margin-left: -300px;}
.gh-banner-pic div li .center line { margin:5% auto;}
.gh-banner-pic div li .center h6  {margin: 50px auto auto auto;}
.gh-banner-pic div li .right {text-align: right; left:auto;right:12%;}
.gh-banner-pic div li .right h6,.gh-banner-pic div li .right line  {display: inline-block;}
.gh-banner-pic div li .none {display: none;}

 
.gh-banner .slick-active li .title *{filter:alpha(Opacity=100);-moz-opacity:1.0;opacity: 1.0;}
.gh-banner .slick-active li .title h2{margin-top:0;}
.gh-banner .swiper-slide-active li .title *{filter:alpha(Opacity=100);-moz-opacity:1.0;opacity: 1.0;}
.gh-banner .swiper-slide-active li .title h2 {transition-delay: 0.4s;margin-top:0;}
.gh-banner .swiper-slide-active li .title h3 {transition-delay: 0.6s;}
.gh-banner .swiper-slide-active li .title line {transition-delay: 0.7s;}
.gh-banner .swiper-slide-active li .title h4 {transition-delay: 0.8s;}
.gh-banner .swiper-slide-active li .title h6 {transition-delay: 1.0s;}
.gh-banner .swiper-slide-active li .title h6:hover {transition-delay:0s;color:#fff;}

.gh-banner .swiper-button-prev,.gh-banner .swiper-button-next {height:50px;width:80px;bottom:0;top:auto;margin-top:0px;opacity: 1.0;display: none;}
.gh-banner .swiper-button-prev { left:auto;right:12%;margin-right:80px;background:url("../images/left3.svg") #fff center no-repeat;background-size:30%;}
.gh-banner .swiper-button-next { right:12%; background:url(../images/right3.svg)  #f1f1f1 center no-repeat;background-size:30%;}
.gh-banner .swiper-button-prev:hover {opacity: 1.0;background:url("../images/left1.svg") #000 center no-repeat;background-size:30%;}
.gh-banner .swiper-button-next:hover {opacity: 1.0;background:url("../images/right1.svg") #000 center no-repeat;background-size:30%;}
.gh-banner .swiper-button-disabled {}
.gh-banner .swiper-pagination {display: block;}




 /* business */
.gh-business {width: 100%;position: relative;overflow: hidden; background: #fff; padding:1.5% 0;}
.gh-business-icon {position: relative;}
.gh-business-icon .icon{width:70%;margin: auto;}
.gh-business-icon .icon  * {overflow:hidden;display: block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gh-business-icon .icon a{}
.gh-business-icon .icon a i{width:28%;float: left;}
.gh-business-icon .icon a i img {width: 80px;height: 80px;}
.gh-business-icon .icon a span {width:72%;float: left;padding:5px 0 5px;}
.gh-business-icon .icon a span h4{color: #000;font-size: 20px;}
.gh-business-icon .icon a span h5{color: #999;font-size: 14px;line-height: 22px;padding-top:5px;}
.gh-business-icon .icon a:hover span h5 {color: #000;}
.h5none { margin-top: 25px;}

.gh-business-icon .swiper-button-prev,.gh-business-icon .swiper-button-next {height:50px;width:50px;opacity: 0.5;}
.gh-business-icon .swiper-button-prev { left:0;background:url("../images/left-h.svg")  center no-repeat;background-size:80%;}
.gh-business-icon .swiper-button-next { right:0; background:url(../images/right-h.svg)   center no-repeat;background-size:80%;}
.gh-business-icon .swiper-button-prev:hover,.gh-business-icon .swiper-button-next:hover {opacity: 1.0;}
.gh-business-icon .swiper-button-disabled {display: none;}



.gh-business-module {position: relative;margin:3% auto;}
.gh-business-module * {overflow:hidden;display: block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gh-business-module .title{text-align: center;margin-bottom: 40px;}
.gh-business-module .title h2{font-size:36px;color: #000;font-weight: bold;}
.gh-business-module .title h3{font-size:24px;color: #000;}
.gh-business-module .title line{height: 2px;width:40px;background: #666;margin:10px auto;}
.gh-business-module .module:hover {-moz-box-shadow:0px 0px 10px #ccc;-webkit-box-shadow:0px 0px 10px #ccc ;box-shadow:0px 0px 10px #ccc;}
.gh-business-module .module {background: #fff;position: relative;width:66.33%;max-height: 510px;float: left;margin-bottom:1%;margin-right: 1%;}
.gh-business-module .module .pic img{width:100%;height:auto;min-height: 236px;max-height: 236px;}
.gh-business-module .module .text{width: 40%;float: left;padding: 5% 5% 0 5%;}
.gh-business-module .module .text h3{font-size: 20px;color: #000;}
.gh-business-module .module .text line{height: 1px;width: 80px;background: #000;margin: 20px 0;opacity: 0.2;}
.gh-business-module .module .text h4{font-size:14px;line-height: 24px; color: #999;opacity: 0.8;}
.gh-business-module .module .text li{padding-top:8%;font-size:14px;line-height: 24px; color: #999;opacity: 0.8;}
.gh-business-module .module .text li div.tubiao{ float: left;margin-right: 10px;text-align: center;}
.gh-business-module .module .text li div.tubiao i{width:38px;height:38px;border:solid 1px rgba(255,255,255,0.5);border-radius:100%;margin: 5px;}
.gh-business-module .module .text li div.tubiao i img{width: 60%;height:auto;padding:20%;}
.gh-business-module .module .text li div.tubiao h6 {font-size: 12px;opacity: 0.5;}
.gh-business-module .module .pic{width: 50%;float: left;}
.gh-business-module .module .pic img{width:100%;height:auto;}
.gh-business-module .module a:hover .pic img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.gh-business-module .module a:hover {background: #333;}
.gh-business-module .module a:hover .text{}
.gh-business-module .module a:hover .text * {color: #fff;}
.gh-business-module .module a:hover .text line{width:100%;background: #fff;}
.gh-business-module .module a:hover .text h6.more {background: url("../images/right2.svg") 90% center no-repeat #fff;background-size:20%;color:#000;opacity: 1.0;}
.gh-business-module .module a:hover .text h3 {color: #fff;}
.gh-business-module .module a:hover .text h4 {color: #fff;}


.gh-business-module.module1 .module{background: #fff;position: relative;width:100%;float: left;margin-bottom:1%;margin-right:0;}
.gh-business-module.module1 .module1 {background: #666;}
.gh-business-module.module1 .module1 .pic {width:40%;padding:0;background: #fff;}
.gh-business-module.module1 .module1 .pic img{min-height: auto;max-height: none;}
.gh-business-module.module1 .module1 .text{width: 50%;float: left;padding:5%;}
.gh-business-module.module1 .module1 .text * {color: #fff;}
.gh-business-module.module1 .module1 .text line {background: #fff;}
.gh-business-module.module1 .module1 a .text h6.more{color:#fff;border:solid 1px #fff;background:url(../images/right1.svg) 90% center no-repeat;background-size: 20%;}


.gh-business-module.module2 .module1{background: #fff;position: relative;width:66.33%;max-height: 510px;float: left;margin-bottom:1%;margin-right:1%;}
.gh-business-module.module2 .module1 {background: #666;}
.gh-business-module.module2 .module1 .pic {width:50%;padding:0;background: #fff;float: right;}
.gh-business-module.module2 .module1 .pic img{min-height: 510px;max-height: 510px;}
.gh-business-module.module2 .module .text{width: 40%;float: left;padding:10% 5% 0 5%;}
.gh-business-module.module2 .module1 .text {position: absolute;left: 0;}
.gh-business-module.module2 .module1 .text * {color: #fff;}
.gh-business-module.module2 .module1 .text line {background: #fff;}
.gh-business-module.module2 .module1 a .text h6.more{color:#fff;border:solid 1px #fff;background:url(../images/right1.svg) 90% center no-repeat;background-size: 20%;}
.gh-business-module.module2 .module2 {width: 32.66%;margin-right:0;}
.gh-business-module.module2 .module2 a{height: 510px;}
.gh-business-module.module2 .module2 .text{width:90%;float: none;padding:5% 5% 10% 5%;}
.gh-business-module.module2 .module2 .text h3{font-size: 26px;}
.gh-business-module.module2 .module2 .pic{width:100%;float:none;}
.gh-business-module.module2 .module2 .pic img {height: 310px;min-height: 310px;max-height: 310px;}



.gh-business-module.module3 .module {width:32.66%;float: left;margin-bottom:1%;margin-right: 1%;min-height: auto;max-height: none;}
.gh-business-module.module3 .module a {min-height: 470px;}
.gh-business-module.module3 .module .text{width: 90%;padding:5%;}
.gh-business-module.module3 .module .text h3{font-size: 20px;color: #000;}
.gh-business-module.module3 .module .text line{height: 1px;width:40px;background: #000;margin: 20px 0;opacity: 0.2;}
.gh-business-module.module3 .module .text h4{font-size:14px;line-height: 24px; color: #999;opacity: 0.8;}
.gh-business-module.module3 .module .text li{padding:8% 0;display: none;}
.gh-business-module.module3 .module .text li div.tubiao{ float: left;margin-right: 10px;text-align: center;}
.gh-business-module.module3 .module .text li div.tubiao i{width:38px;height:38px;border:solid 1px rgba(255,255,255,0.5);border-radius:100%;margin: 5px;}
.gh-business-module.module3 .module .text li div.tubiao i img{width: 60%;height:auto;padding:20%;}
.gh-business-module.module3 .module .text li div.tubiao h6 {font-size: 12px;opacity: 0.5;}
.gh-business-module.module3 .module .pic {width:100%;}
.gh-business-module.module3 .module .pic img{width:100%;height:auto;}
.gh-business-module.module3 .module a:hover .pic img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.gh-business-module.module3 .module:last-child {margin-right: 0;}


.gh-business-module.module4 .module {width:49.5%;margin-right:1%;min-height: auto;max-height: none;}
.gh-business-module.module4 .module .text li{display: none;}
.gh-business-module.module4 .module .pic {width:35%;}
.gh-business-module.module4 .module .pic img {min-height: 236px;max-height: 236px;}
.gh-business-module.module4 .module .text {}
.gh-business-module.module4 .module.module2,.gh-business-module.module4 .module.module4 {margin-right: 0;}

.gh-business-module.module5 .module {background: #fff;position: relative;width:32.66%;max-height: 510px;float: left;margin-bottom:1%;margin-right: 1%;}
.gh-business-module.module5 .module a {}
.gh-business-module.module5 .module .text{width: 40%;float: left;padding: 5% 5% 0 5%;}
.gh-business-module.module5 .module .text h3{font-size: 20px;color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.gh-business-module.module5 .module .text line{height: 1px;width: 80px;background: #000;margin: 20px 0;opacity: 0.2;}
.gh-business-module.module5 .module .text h4{font-size:14px;line-height: 24px; color: #999;opacity: 0.8;}
.gh-business-module.module5 .module .text li{padding-top:8% ;font-size:14px;line-height: 24px; color: #fff;opacity: 0.8;}
.gh-business-module.module5 .module .text li div.tubiao{ float: left;margin-right: 10px;text-align: center;}
.gh-business-module.module5 .module .text li div.tubiao i{width:38px;height:38px;border:solid 1px rgba(255,255,255,0.5);border-radius:100%;margin: 5px;}
.gh-business-module.module5 .module .text li div.tubiao i img{width: 60%;height:auto;padding:20%;}
.gh-business-module.module5 .module .text li div.tubiao h6 {font-size: 12px;opacity: 0.5;}
.gh-business-module.module5 .module .pic{width: 50%;float: left;}
.gh-business-module.module5 .module .pic img{width:100%;height:auto;}
.gh-business-module.module5 .module a:hover .pic img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
 
.gh-business-module.module5 .module1 {float: left;width:66.3%;}
.gh-business-module.module5 .module1 .text{background: #1aadae;height:90%;width:44%; padding:10% 3% 0 3%;position: absolute;left: 0;top: 0;z-index: 1;}
.gh-business-module.module5 .module1 .text h3{color: #fff;font-size: 30px;}
.gh-business-module.module5 .module1 .text h4{color: #fff;}
.gh-business-module.module5 .module1 .text li div.tubiao h6 {color: #fff;}
.gh-business-module.module5 .module1 .text line{background: #fff;opacity: 0.5;}
.gh-business-module.module5 .module1 .text .more{margin-top: 50px;border: solid 1px #fff;color: #fff;background: url("../images/right1.svg") 90% center no-repeat;background-size:20%;opacity: 0.5;}
.gh-business-module.module5 .module1 .text .more:hover {background: url("../images/right2.svg") 90% center no-repeat #fff;background-size:20%;color:#000;}
.gh-business-module.module5 .module1 .pic{float: right;}
.gh-business-module.module5 .module1 .pic img {height: 510px;max-height:510px;}
.gh-business-module.module5 .module2 {margin-right:0;}
.gh-business-module.module5 .module2 a{height: 510px;}
.gh-business-module.module5 .module2 .text{width:90%;float: none;padding:5% 5% 10% 5%;}
.gh-business-module.module5 .module2 .text h3{font-size: 26px;}
.gh-business-module.module5 .module2 .pic{width:100%;float:none;}
.gh-business-module.module5 .module2 .pic img {height: 310px;min-height: 310px;max-height: 310px;}
.gh-business-module.module5 .module5 {margin-right:0;}



.viewmore {clear: both;padding:30px 0 10px 0;}
.viewmore a {display: block;width: 150px;height: 40px;line-height:42px;margin: auto;text-align: center;color: #999;font-size: 14px;text-transform: uppercase;
background: url("../images/right3.svg") 90% center no-repeat #fff;background-size:15%;text-indent: -20px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.viewmore a:hover {background: url("../images/right1.svg") 90% center no-repeat #000;background-size:15%;color:#fff;}



 /* Manufacturing */
.gh-imanufacturing {background-position: center top;background-repeat: no-repeat;background-size:100%;}
.gh-imanufacturing * {color: #fff;overflow:hidden;display: block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gh-imanufacturing p{ line-height:30px; margin-top:20px; font-size:14px;}
.gh-imanufacturing-main {padding:100px 0 150px 0;}
.gh-imanufacturing-main .title { text-align:center;}
.gh-imanufacturing-main .title h2{font-size: 48px;font-weight:bold;color: #666;}
.gh-imanufacturing-main .title h3{font-size: 30px;color: #666;}

.gh-imanufacturing-main .main{ margin-top: 60px;background: #fff;}
.gh-imanufacturing-main .main .left {float: left;position: relative; width:65%;min-height:560px; background: #1aadae;}
.gh-imanufacturing-main .main  a.left:hover {background: #069697;}
.gh-imanufacturing-main .main  a.left:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.gh-imanufacturing-main .main .left ul { padding:5% 5% 5% 5%;}
.gh-imanufacturing-main .main .left .text{}
.gh-imanufacturing-main .main .left .text h4{font-size: 36px;font-weight:bold;}
.gh-imanufacturing-main .main .left .text h5{font-size: 24px;}
.gh-imanufacturing-main .main .left .icon {padding-top: 15px;}
.gh-imanufacturing-main .main .left .icon li{float: left;margin-right: 1%;margin-top: 1%;}
.gh-imanufacturing-main .main .left .icon li i{width: 60px;height: 60px;float: left;}
.gh-imanufacturing-main .main .left .icon li i img {width:100%;height:auto;}
.gh-imanufacturing-main .main .left .icon li h6{min-width:140px;float: left;padding:15px 0 0 10px;opacity: 0.8;text-transform: capitalize;}
.gh-imanufacturing-main .main .left .pic{position: absolute;right:-5%;top:-5%;z-index: 1;width:65%;height:100%;}
.gh-imanufacturing-main .main .left .pic img {width:90%;height:auto;opacity: 0.1;float: right;}
.gh-imanufacturing-main .main .right {float: left;width:35%;position: relative;min-height:560px;}
.gh-imanufacturing-main .main .right .text {width:100%;height:100%;position: absolute;left: 0;top: 0;z-index: 3;text-align: center;}
.gh-imanufacturing-main .main .right .text i{width: 40px;height: 40px;margin:230px auto auto;}
.gh-imanufacturing-main .main .right .text i img{width:100%;height:auto;}
.gh-imanufacturing-main .main .right .text h4{font-size: 30px;font-weight:bold;margin:10px auto 5px auto;}
.gh-imanufacturing-main .main .right .text h5{font-size: 18px;}
.gh-imanufacturing-main .main .right .pic {width:100%;height:100%;position: absolute;left: 0;top: 0;z-index: 2;}
.gh-imanufacturing-main .main .right .pic img {width:100%;height:100%;}
.gh-imanufacturing-main .main a.right:hover .pic img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}



 
 /* cases */
.gh-case {width: 100%;position: relative;overflow: hidden; background: #f1f1f1;min-height: 800px;}
.lefttext {width:15%;height:100%;position: absolute;left: 0;top: 0;z-index: 1;  background: #3f3f3f;}
.lefttext h2{width: 100%;height:100%;font-size: 250px;font-weight: bold;position: absolute;left:-380px;top:-200px; color:#434343;-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.gh-case-main {overflow: hidden;position: relative;}
.gh-case-main .left{width:9%;height:100%;background: #3f3f3f;position:absolute;z-index: 5;}
.gh-case-main .left *{color: #fff;overflow:hidden;display: block;}

.gh-case-main .title { text-align:center;}
.gh-case-main .title h2{font-size: 48px;font-weight:bold;color: #666;}
.gh-case-main .title h3{font-size: 30px;color: #666;}

.gh-case-main .left .title h3 strong {font-size: 30px;font-weight: normal;margin: auto;}
.gh-case-main .left .title h3 line {height: 50px;width: 2px;margin:10px auto;background: #fff;}
.gh-case-main .right {width:87%;padding: 120px 0 80px 0;float: right;position: relative;}
.gh-case-main .right .nav {overflow: hidden;}
.gh-case-main .right .nav *{overflow:hidden;display: block;}
.gh-case-main .right .nav li {float: left;position: relative;height:40px;margin-right:5%;padding-left: 35px;opacity: 0.5; cursor: pointer;}
.gh-case-main .right .nav li i{width: 28px;height: 28px;position: absolute;left: 0px;top: 0px;}
.gh-case-main .right .nav li i img {width:100%;height:auto;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.gh-case-main .right .nav li h4{ font-size: 18px;font-weight: normal;cursor: pointer;}
.gh-case-main .right .nav li line{position: absolute;left:0;bottom: 0px;height: 2px;width:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gh-case-main .right .nav li a:hover  line,.gh-case-main .right .nav li a:hover  line {width:100%;}
.gh-case-main .right .nav li a:hover {opacity: 1.0;}
.gh-case-main .right .nav li a:hover i img{-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;}
.gh-case-main .right .viewmore {position: absolute;left:0.5%;bottom:80px;z-index: 3;}

.gh-case-main .right .nav .m1 line {background: #1aadae;}
.gh-case-main .right .nav .m2 line {background: #3574bb;}
.gh-case-main .right .nav .m3 line {background: #62cf02;}
.gh-case-main .right .nav .m4 line {background: #2134bd;}
.gh-case-main .right .nav li a:hover .m1 {color: #1aadae;}
.gh-case-main .right .nav li a:hover .m2 {color: #3574bb;}
.gh-case-main .right .nav li a:hover .m3 {color: #62cf02;}
.gh-case-main .right .nav li a:hover .m4 {color: #2134bd;}


.casepic {padding: 50px 0;min-height:500px;overflow: hidden;position: relative;}
.caselist {width:98%;background: #fff;margin: 0 auto;}
.caselist *{overflow:hidden;display: block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.caselist .pic{}
.caselist .pic img{width:100%;height:auto;min-height: 281px;max-height: 281px;}
.caselist .text {padding:5%;height: 120px;}
.caselist .text h3{font-size: 16px;color: #000;}
.caselist .text h4{font-size: 14px;color: #999;padding: 10px 0;font-weight: normal;}
.caselist .text h6{font-size: 12px;}
.caselist a:hover .pic  img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.caselist a:hover .text * {color: #fff;} 
.caselist a:hover {background: #000;}
.caselist a:hover h6.more {background: url("../images/right2.svg") 90% center no-repeat #fff;background-size:20%;color:#000;opacity: 1.0;}

.gh-case-main .right {position: relative;}
.gh-case-main .right .swiper-button-prev,.gh-case-main .right .swiper-button-next {height:50px;width:80px;bottom:0px;top:auto;margin-top:0px;opacity: 1.0;}
.gh-case-main .right .swiper-button-prev { left:auto;right:0;margin-right:80px;background:url("../images/l2.png") #fff center no-repeat;}
.gh-case-main .right .swiper-button-next { right:0; background:url("../images/r1.png")  #999 center no-repeat;}
.gh-case-main .right .swiper-button-prev:hover {opacity: 1.0;background:url("../images/l2.png") #000 center no-repeat;}
.gh-case-main .right .swiper-button-next:hover {opacity: 1.0;background:url("../images/r1.png") #000 center no-repeat;}


.cop1 {opacity: 1.0;height: auto;}
.cop0 {opacity: 0;height: 0;min-height: auto; overflow: hidden;}



 /* news */
.gh-news {width: 100%;position: relative;overflow: hidden;padding:5% 0;}
.gh-news *{overflow:hidden;display: block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gh-news .title { text-align:center;}
.gh-news .title h2{font-size:48px;font-weight:bold;}
.gh-news .title h3{font-size:30px;}
.gh-news .left {width:40%;float: left;padding-top: 50px;} 
.gh-news .left .newstop{}
.gh-news .left .newstop .pic{}
.gh-news .left .newstop .pic img{width:100%;height:auto;min-height: 369px;max-height: 369px;}
.gh-news .left .newstop .text {background: #f7f7f7;padding: 5%;}
.gh-news .left .newstop .text h5{ font-size: 12px;color: #999;}
.gh-news .left .newstop .text h3{ font-size: 18px;color: #000;padding: 10px 0;}
.gh-news .left .newstop .text h4{ font-size: 14px;color: #999;}
.gh-news .left .newstop .text h6{ font-size: 14px;}
.gh-news .left .newstop  a:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.gh-news .left .newstop  a:hover .text {background: #000}
.gh-news .left .newstop  a:hover .text *{color: #fff}
.gh-news .left .newstop  a:hover  h6.more{ background: url("../images/right2.svg") 90% center no-repeat #fff;background-size:20%;color:#000;opacity: 1.0;}

.gh-news .right {width:58%;float: right;padding-top: 50px;} 
.gh-news .right .news5 {width:100%;position: relative;border-top:1px solid #eaeaea;}
.gh-news .right .news5 li{}
.gh-news .right .news5 li a{border-bottom:1px solid #eaeaea;padding:17px 0;}
.gh-news .right .news5 li a .text{float: left;width:74%;}
.gh-news .right .news5 li a .text h3{font-size: 18px;color: #000;padding: 10px 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.gh-news .right .news5 li a .text h4{font-size: 14px;color: #999;}
.gh-news .right .news5 li a .date{float: right;width:10%;border-left: 1px solid #999;padding:5px 1%;opacity: 0.3;text-align: center;position: relative;}
.gh-news .right .news5 li a .date h2{font-size: 38px;color: #333; font-weight: bold;}
.gh-news .right .news5 li a .date h5{font-size: 12px;color: #999;}
.gh-news .right .news5 li a .date i {width:100%;height:100%;position: absolute;right:-100px;top: 0;z-index: 1;background: url("../images/ban_ico02.png") center no-repeat #f1f1f1;background-size:50%;}
.gh-news .right .news5 li a:hover {background: #f1f1f1;}
.gh-news .right .news5 li a:hover .text {width:71%;padding-left:3%;}
.gh-news .right .news5 li a:hover .date h2 {color: #000; }
.gh-news .right .news5 li a:hover .text h4 {color: #000;}
.gh-news .right .news5 li a:hover .date i {right: 0;}
.gh-news .right .news5 .viewmore {float: left;clear: both;padding:10px 0 0px 0;}
.gh-news .right .news5 .viewmore a {border: 1px solid #eaeaea;}




 /* iproduct */
.gh-iproduct {width: 100%;position: relative;overflow: hidden;padding:5% 0;background: url("../upload/productbg1.jpg") center top no-repeat;background-size: cover;}
.gh-iproduct .title {}
.gh-iproduct .title * {overflow:hidden;display: block;}
.gh-iproduct .title h2{font-size: 36px;color: #000;font-weight: bold;}
.gh-iproduct .title h3{font-size: 24px;color: #000;}
.gh-iproduct .title line{height: 2px;width:30px;background: #666;margin:20px 0;}
.gh-iproduct-pic {padding:5% 0;position: relative;}
.gh-iproduct-pic .product{width:96%;margin: auto;}
.gh-iproduct-pic .slick-prev { left:-80px;}
.gh-iproduct-pic .slick-next { right:-80px;}

.gh-iproduct .swiper-button-prev,.gh-iproduct .swiper-button-next {width: 50px;height: 50px;opacity: 0.5;}
.gh-iproduct .swiper-button-prev { left: -80px; background:url("../images/left-h.svg")  center no-repeat;background-size:100%;}
.gh-iproduct .swiper-button-next { right: -80px;background:url(../images/right-h.svg)  center no-repeat;background-size:100%;}
.gh-iproduct .swiper-button-prev:hover,.gh-iproduct .swiper-button-next:hover {opacity: 1.0;}
.gh-iproduct .swiper-button-disabled {display: none;}



 /* icontact */
.gh-icontact {position: relative;}
.gh-icontact * {color: #fff; overflow:hidden;display: block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gh-icontact .title{text-align: center;width:100%;height:100%;position: absolute;left: 0;top:0;z-index: 1;}
.gh-icontact .title h2{font-size: 36px;font-weight: bold;margin-top:5%;}
.gh-icontact .title h3{font-size: 24px;}
.gh-icontact .title line{height: 2px;width:30px;background: #fff;margin:20px auto;opacity: 0.5;}
.gh-icontact .title h4{font-size: 14px;line-height: 24px; opacity: 0.6;width:700px;margin: auto;}
.gh-icontact .title a.contactmore{margin: 30px auto;font-size: 14px;width: 160px;height: 40px;line-height: 40px;border: #fff 1px solid;}
.gh-icontact .title a.contactmore:hover {background: #fff;color: #000;}
.gh-icontact .pic{background: #000;}
.gh-icontact .pic img{width:100%;height:auto;opacity: 0.2;}



/*客服*/

.suspension{position:fixed;z-index:95;right:0;bottom:20%;width:70px;height:240px;}
.suspension-box{position:relative;float:right;background: #fff;-moz-box-shadow:0px 0px 10px #ccc;-webkit-box-shadow:0px 0px 10px #ccc ;box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.suspension .a{display:block;width:65px;height:auto;padding:10px 0; cursor:pointer;outline:none;position: relative;}
.suspension .a:after {content: "";width:60%;height: 1px;position: absolute;left:20%;bottom: 0px;z-index: 1;background: #999;opacity: 0.2;}
.suspension .a-cart:after {display: none;}
.suspension .a h6 {display: block;font-size: 12px;text-align: center;color: #999; font-weight:100;}
.suspension .a:hover h6 {color: #fff;}
.suspension .a.active,.suspension .a:hover{background:#1aadae;}
.suspension .a .i{width:30px;height:30px;display: block;margin:auto;opacity: 0.3;}
.suspension .a:hover .i{opacity: 1.0;}
.suspension .a-service .i{background:url(../images/r1.svg) center no-repeat;background-size:70%;}
.suspension .a-service-phone .i{background:url(../images/r2.svg) center no-repeat;background-size:70%;}
.suspension .a-qrcode .i{background:url(../images/r3.svg) center no-repeat;background-size:70%;}
.suspension .a-cart .i{background:url(../images/r4.svg) center no-repeat;background-size:70%;}

.suspension .a-service:hover .i{background:url(../images/r1-b.svg) center no-repeat;background-size:70%;}
.suspension .a-service-phone:hover .i{background:url(../images/r2-b.svg) center no-repeat;background-size:70%;}
.suspension .a-qrcode:hover .i{background:url(../images/r3-b.svg) center no-repeat;background-size:70%;}
.suspension .a-cart:hover .i{background:url(../images/r4-b.svg) center no-repeat;background-size:70%;}

.suspension .a-top{background:#1aadae url("../images/up.svg") center no-repeat;background-size:30%;display:none;}
.suspension .a-top:hover{background:#000 url("../images/up.svg") center no-repeat;background-size:30%;}

.suspension .d{display:none;width:180px;background:#fff;position:absolute;right:70px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:50%;margin-top: -2px;}
.suspension .d-service{top:90px;}
.suspension .d-service .d-service-item a { color:#333;}
.suspension .d-service-phone{top:-10px;}
.suspension .d-qrcode{top:0px;}
.suspension .d .inner-box{padding:8px 10px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:10px 0; overflow:hidden;}
.suspension .d-service-item .circle{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:34px;height:34px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:34px;height:34px;background:url(../images/side_con_icon02.png) no-repeat center center;background-size:50%; display:block;}
.suspension .d-service-item h3{float:left;line-height:34px;font-size:12px;margin-left:12px; margin-top:0; margin-bottom:0;}
.suspension .d-service-item .text{float:left;line-height:22px;font-size:12px;margin-left:12px;}
.inner-box .d-service-item:last-child{border-bottom:none !important;}

.bdsharebuttonbox {text-align: center;}
.bdsharebuttonbox li{display: inline-block;}
.bdsharebuttonbox li a {display: block;width:24px;margin: auto 5px;float: none;padding: 0;}



/* footer */
footer { background: #2a2a2a;overflow: hidden; position: relative;}
footer * {display: block;overflow: hidden;font-weight: normal;font-style: normal;text-transform: uppercase;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
footer .left { background: #3b3b3b;width:27%;float: left;padding:100px 0 80px 0;position: relative;z-index: 3;}
footer .left .logo {width: 140px;}
footer .left .logo img{width:100%;height:auto;}
footer .left .nav { clear: both;padding:60px 0;}
footer .left .nav a{font-size: 14px;line-height:34px;color: #ccc;}
footer .left .nav a:hover {color: #fff;}
footer .left .ewm {clear: both;width: 100%;margin:1% 0;}
footer .left .ewm img{width:56px;height:56px;padding:4px;border-radius:5px;background: #5e5e5e;float:left;}
footer .left .ewm ul {float:left; width:60%; padding-left:4%; padding-top:5px;}
footer .left .ewm ul li{ padding:5px 0;}
footer .left .ewm ul li a{color: #fff; font-weight:bold; font-size:14px;}
footer .left .copy {clear: both;padding:10px 0;color: #898989;line-height:18px;text-transform: none;}
footer .left .copy a{color: #898989;}
footer .left .copy a:hover{color: #fff;}

footer .right {width:65%;float:right;padding:50px 0 0px 0;position: relative;}
footer .right ul:nth-child(2){ margin-top:25px;}
footer .right ul:nth-child(3){ margin-top:25px;}
footer .right ul h3{font-size: 24px;color: #ababab;font-weight:bold;}
footer .right ul h4{font-size: 18px;color: #ababab;}
footer .right ul li{padding:20px 0 20px 0;}
footer .right ul li span { display: inline-block;margin-bottom: 10px;margin-right: 10px;}
footer .right ul li span img{width: auto;height: auto;max-width: 162px;opacity: 0.5;}
footer .right ul li span img:hover {opacity: 1.0;}
.swiperlogo {padding:20px 0 20px 0;overflow: hidden;}
.swiperlogo img{width: 100%;height: auto;max-width:100%;max-height:62px;opacity: 0.5;margin-bottom: 5px;}
.swiperlogo img:hover {opacity: 1.0;}
.swiperlogo .swiper-slide {margin-top: 0px!important;}


.foot {color:#ccc;padding:40px 0;}
.foot a,.footer a {color:#ccc;}
.foot a:hover,.footer a:hover {color:#ff0000;}
.foot .cons {float:left;font-size:15px; line-height:30px;}
.foot .cons img { width:160px;max-height:80px;margin-top: 45px; margin-right:40px; float:left;}
.foot .cons .content { float:left;}
.foot .cons .content p{ line-height:15px; }


.foot dl {float:right;margin-left:60px;}
.foot .tel {padding:0;font-size:18px; color:#0CC;}
.foot .tel span{ font-size:26px; color:#0CC;}
.foot dt {color:#ccc;font-size:18px;margin-bottom:10px; font-weight:bold;}
.foot dd{ text-align:center; }
.foot dd a {font-size:14px; line-height:25px;}
.foot dd img {width:75px;margin-top:6px}